<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'table.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />

<link
	href="${pageContext.request.contextPath }/css/bootstrap-responsive.min.css"
	rel="stylesheet" type="text/css" />

<link
	href="${pageContext.request.contextPath }/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />

<link href="${pageContext.request.contextPath }/css/style-metro.css"
	rel="stylesheet" type="text/css" />

<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet" type="text/css" />

<link
	href="${pageContext.request.contextPath }/css/style-responsive.css"
	rel="stylesheet" type="text/css" />

<link href="${pageContext.request.contextPath }/css/default.css"
	rel="stylesheet" type="text/css" id="style_color" />

<link href="${pageContext.request.contextPath }/css/uniform.default.css"
	rel="stylesheet" type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/select2_metro.css" />

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/DT_bootstrap.css" />

<!-- END PAGE LEVEL STYLES -->

<link rel="shortcut icon"
	href="${pageContext.request.contextPath }/image/favicon.ico" />

</head>

<body>
	<!-- BEGIN EXAMPLE TABLE PORTLET-->

	<div class="portlet box black">

		<div class="portlet-title">

			<div class="caption">
				<i class="icon-globe"></i>菜谱
			</div>

			<div style="height:550px" class="portlet-body">

				<table
					class="table table-striped table-bordered table-hover table-full-width"
					id="sample_1">

					<thead>

						<tr>

							<th>id</th>

							<th>tableNum</th>

							<th>tableName</th>

							<th>personNum</th>

							<th>isSmoke</th>

							<th>shape</th>

							<th>status</th>

							<th>site</th>

							<th>remark</th>

						</tr>

					</thead>

					<tbody>

					</tbody>

				</table>

			</div>

		</div>

	</div>
	<!-- END EXAMPLE TABLE PORTLET-->

	<!-- BEGIN FOOTER -->

	<div class="footer">

		<div class="footer-inner">2013 &copy; Metronic by keenthemes.</div>

		<div class="footer-tools">

			<span class="go-top"> <i class="icon-angle-up"></i>

			</span>

		</div>

	</div>

	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script
		src="${pageContext.request.contextPath }/js/jquery-1.10.1.min.js"
		type="text/javascript"></script>

	<script
		src="${pageContext.request.contextPath }/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script
		src="${pageContext.request.contextPath }/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"
		type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="${pageContext.request.contextPath }/js/excanvas.min.js"></script>

	<script src="${pageContext.request.contextPath }/js/respond.min.js"></script>  

	<![endif]-->

	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"
		type="text/javascript"></script>

	<script
		src="${pageContext.request.contextPath }/js/jquery.blockui.min.js"
		type="text/javascript"></script>

	<script
		src="${pageContext.request.contextPath }/js/jquery.cookie.min.js"
		type="text/javascript"></script>

	<script
		src="${pageContext.request.contextPath }/js/jquery.uniform.min.js"
		type="text/javascript"></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/select2.min.js"></script>

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/jquery.dataTables.min.js"></script>

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/DT_bootstrap.js"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="${pageContext.request.contextPath }/js/app.js"></script>

	<script src="${pageContext.request.contextPath }/js/table-advanced.js"></script>

	<script>
		jQuery(document).ready(function() {

			App.init();

			TableAdvanced.init();

		});
	</script>

	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-37564768-1' ]);
		_gaq.push([ '_setDomainName', 'keenthemes.com' ]);
		_gaq.push([ '_setAllowLinker', true ]);
		_gaq.push([ '_trackPageview' ]);
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://'
					: 'http://')
					+ 'stats.g.doubleclick.net/dc.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>
</html>
